<div id="orgInfo">
  <yu-panel :title="$t('orgInfoManager.jgdm')">
    <template slot="right">
      <yu-toolBar>
        <el-button @click="openCreateFn" v-if="createButton">{{ $t('orgInfoManager.xz') }}</el-button>
        <el-button @click="openEditFn" v-if="editButton">{{ $t('orgInfoManager.xg') }}</el-button>
        <el-button @click="deletestFn" v-if="deleteButton">{{ $t('orgInfoManager.sc') }}</el-button>
        <el-button @click="useBatchFn" v-if="useButton">{{ $t('orgInfoManager.qy') }}</el-button>
        <el-button @click="unUseBatchFn" v-if="unuseButton">{{ $t('orgInfoManager.ty') }}</el-button>
      </yu-toolBar>
    </template>
    <el-row :gutter="24">
      <!--左侧机构树-->
      <el-col :span="5">
        <yufp-ext-tree ref="mytree" @node-click="nodeClickFn" :show-checkbox="false" :height="heightOrg"
          :data-url="treeUrl" data-id="orgId" node-key="orgId" data-label="orgName"
          data-pid="upOrgId" :data-root="dataRoot" :data-params="{'orgSts':'A','lazy':true}" :root-visible="true" lazy>
        </yufp-ext-tree>
      </el-col>
      <!--机构列表部分-->
      <el-col :span="19">
        <!--机构列表查询条件-->
        <yu-xform v-model="formdata" related-table-name="mytable" form-type="search">
          <yu-xform-group :column="4">
            <yu-xform-item :label="$t('orgInfoManager.jgdm')" :placeholder="$t('orgInfoManager.jgdm')" ctype="input"
              name="orgCode"></yu-xform-item>
            <yu-xform-item :label="$t('orgInfoManager.jgmc')" :placeholder="$t('orgInfoManager.jgmc')" ctype="input"
              name="orgName"></yu-xform-item>
            <yu-xform-item :label="$t('orgInfoManager.zt')" :placeholder="$t('orgInfoManager.zt')" ctype="select"
              name="orgSts" data-code="DATA_STS"></yu-xform-item>
          </yu-xform-group>
        </yu-xform>
        <!--机构列表-->
        <el-table-x ref="mytable" :checkbox="mainGrid.checkbox" :max-height="mainGrid.height"
          :data-url="mainGrid.dataUrl" :base-params="mainGrid.dataParams" :table-columns="mainGrid.tableColumns"
          @custom-detail-click="openDetailFn">
        </el-table-x>
      </el-col>
    </el-row>
  </yu-panel>
  <!--机构信息维护页面-->
  <el-dialog-x :center="true" :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" height="360px"
    width="800px">
    <el-collapse v-model="activeName">
      <el-collapse-item :title="$t('orgInfoManager.jgxx')" name="1">
        <el-form-x ref="myform" :group-fields="updateFields" :disabled="formDisabled" label-width="100px"></el-form-x>
      </el-collapse-item>
      <el-collapse-item :title="$t('orgInfoManager.kzxx')" name="2">
        <el-form-x ref="myform1" :group-fields="updateFields2" :disabled="formDisabled" label-width="100px"></el-form-x>
      </el-collapse-item>
    </el-collapse>
    <div slot="footer" align="center">
      <el-button v-if="dialogStatus=='create'" type="primary" @click="saveCreateFn()">{{ $t('orgInfoManager.qr') }}
      </el-button>
      <el-button v-else-if="dialogStatus=='update'" type="primary" @click="saveEditFn()">{{ $t('orgInfoManager.qr') }}
      </el-button>
      <el-button v-if="dialogStatus =='create'" @click="resetTempFn()">{{ $t('orgInfoManager.zz') }}</el-button>
      <el-button v-if="dialogStatus =='update'" @click="closeDialogFn()">{{ $t('orgInfoManager.qx') }}</el-button>
    </div>
  </el-dialog-x>
</div>